<template>
	<view>
		<view v-if="imgs.length != 0 && imgs[0] != ''">
			<!-- <swiper :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000" :circular="true"
				indicator-color="#f7f7f7" indicator-active-color="#ff6a6c">
				<swiper-item v-for="(item,i) in handlerImg" :key="i">
					<view class="swiper-item">
						<image :src="item"></image>
					</view>
				</swiper-item>
			</swiper> -->

			<view v-for="(item,index) in imgs" :key="index">
				<image :src="item" mode="widthFix"></image>
			</view>
		</view>
		<view v-else>
			<image :src="nullImg"></image>
		</view>
	</view>
</template>

<script>
	export default {
		props: ['imgs'],
		data() {
			return {
				nullImg: require('@/static/img/common/null_address.svg'),
				imgList: []
			}
		},
		computed: {

		},
		methods: {
			handlerImg(imgs) {
				return imgs.split(',')
			}
		}
	}
</script>

<style lang="scss" scoped>
	image {
		width: 100%;
		// height: 300rpx;
	}
</style>